<template>
  <div class="login">
    <el-container>
      <el-header class="login-header clearfloat">
        <a href="" class="header_logo">
          <!-- <img src="../assets/img/MYKH_logo.png" alt=""> -->
        </a>
        <span class="header_text">武汉溟宇科惠知识产权服务平台</span>
        <!-- <div class="header_loginType">
        </div> -->

        <span class="header_enterprise" @click="$router.push('/companyLogin')" v-if="$route.path != '/companyLogin' && $route.path != '/agentRegister' && $route.path != '/userRegister' && $route.path != '/forgotPassword'">企业登录</span>
        <span class="header_enterprise" v-if="$route.path != '/login' && $route.path != '/'" @click="$router.push('/')">个人登录</span>

      </el-header>
      <el-main class="login-main">
        <nuxt-child/>
        <!-- <div class="main_port" v-if="showLoginPort">
         
          
        </div> -->
        
      </el-main>
      <div class="login-footer">
        <p class="record tc">{{record}}</p>
        <div class="company tc">
          <a href="" class="company_logo"></a>
          <span class="company_text">武汉溟宇科惠知识产权服务有限公司</span>
        </div>
      </div>
    </el-container>
  </div>
</template>

<script>

import { SITE_NAME, RECORD } from '~/util/config'
export default {

  data() {
    return {
      record: RECORD,
    }
  },
  methods: {
    companyLogin () {

    }
  }
}
</script>

<style lang='less'>
  .login {
    width: 100%;
    height: 100%;

    .el-container {
      width: 100%;
      height: 100%;

      .login-header {
        height: 90px !important ;
        background:rgba(255,255,255,1);
        padding: 0px 25px;
        display:flex;/*Flex布局*/
        display: -webkit-flex; /* Safari */
        align-items:center;/*指定垂直居中*/
        position: relative;

        .header_logo {
          display: inline-block;
          width:65px;
          height: 31px;
          background: url(../assets/img/图标.png) no-repeat;
          background-position: -553px -355px;
          img {
            width: 100%;
          }

        }
        .header_text {
          font-size:24px;
          font-family:Source Han Sans CN;
          font-weight:700;
          color:rgba(27,27,27,1);
          margin: 0 12px 0 8px;
        }
        .header_loginType {
          display:flex;/*Flex布局*/
          display: -webkit-flex; /* Safari */
          align-items:center;/*指定垂直居中*/
          height: 28px;
          padding: 4px 12px;
          border-left: 1px solid rgba(220,220,220,1);
          font-size:20px;
          font-family:Source Han Sans CN;
          font-weight:400;
          color:rgba(27,27,27,1);
          box-sizing: border-box;
          cursor: pointer;
        }
        .header_enterprise {
          font-size:20px;
          font-family:Source Han Sans CN;
          font-weight:400;
          color:rgba(27,27,27,1);
          cursor: pointer;

          position: absolute;
          right: 25px;
        }
      }
      .login-main {
        padding: 0;
        background: url('../assets/img/login_bg.jpg') no-repeat;
        background-size:cover;
        position: relative;

      }
      .login-footer {
        height: 114px !important;
        width: 100%;
        padding-top: 20px;
        font-size: 15px;
        color:rgba(51,51,51,1);
        // position:fixed;
				// bottom: 0;
				background: url('../assets/img/login_bg.jpg') no-repeat;
				background-size:cover;
				background-position: bottom 0px right 0px;
        .record {
          
        }
        .company {
          margin-top: 20px;
          .company_logo {
            display: inline-block;
            width: 48px;
            height: 22px;
            background: url('../assets/img/图标.png') no-repeat;
            background-position:-282px -316px;
          }
          .company_text {
            margin-left: 19px;
            display: inline-block;
            vertical-align: top;
          }
        }
      }
    }
    
  }
</style>